@function remp($canshu){
	@return ($canshu/75px)*1rem;
}

@mixin htmlremp($canshu,$canshu2,$zhi){
	@at-root [data-dpr="1"] #{$canshu} #{$canshu2}{
		font-size: $zhi/2;
	}

	@at-root [data-dpr="3"] #{$canshu} #{$canshu2}{
		font-size: $zhi*1.5;
	}
}


.city-tt{
	height: remp(100px);
	background-color: #FDFDFD;
	text-align: center;
	line-height: remp(100px);
	border-bottom: 1px solid #ccc;
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 100;
	span{
		font-size: 40px;
		@include htmlremp(".city-tt","span",40px);
	}
	a{
		position: absolute;
		font-size: remp(50px);
		top: 0px;
		left: remp(30px);
		&:focus{
			text-decoration: none;
		}
	}
}

.citysel-all{
	padding-top: remp(100px);
}

.city-part1{
	padding: 0px remp(20px);
	.city-part1-item{
		border-bottom: 1px solid #ccc;
		padding: remp(20px) 0px;
		span{
			font-size: 36px;
			@include htmlremp(".city-part1","span",36px);
		}

	}
}

.city-part2{
	.city-part2-tt{
		background-color: #ccc;
		padding: remp(20px);
		span{
			font-size: 28px;
			@include htmlremp(".city-part2","span",28px);
		}
	}
	.city-part2-bd{
		padding: remp(20px);
		span{
			display: inline-block;
			width: remp(150px);
			height: remp(60px);
			border: 1px solid #ccc;
			font-size: 26px;
			@include htmlremp(".city-part2-bd","span",26px);
			text-align: center;
			line-height: remp(60px);
			margin-right: remp(20px);
			margin-bottom: remp(20px);
		}
		p{
			font-size: 28px;
			@include htmlremp(".city-part2-bd","p",28px);
			border-bottom: 1px solid skyblue;
			padding: remp(20px) 0px;
		}
	}
}

.xiaoshi{
	display: none;
}
.jiazai{
           width: 80px;
           height: 40px;
           position: fixed;
           bottom: 40px;
           left: 50%;
           margin-left: -40px;

        }
        .jiazai span{
            display: inline-block;
            width: 8px;
            height: 100%;
            border-radius: 4px;
            background: lightgreen;
            -webkit-animation: load 1s ease infinite;
        }
        @-webkit-keyframes load{
            0%,100%{
                height: 40px;
                background: lightgreen;
            }
            50%{
                height: 70px;
                margin: -15px 0;
                background: lightblue;
            }
        }
        .jiazai span:nth-child(2){
            -webkit-animation-delay:0.2s;
        }
        .jiazai span:nth-child(3){
            -webkit-animation-delay:0.4s;
        }
        .jiazai span:nth-child(4){
            -webkit-animation-delay:0.6s;
        }
        .jiazai span:nth-child(5){
            -webkit-animation-delay:0.8s;
        }
